.fill {
  width: 100%;
  height: 100%;
}
.fill-W-min {
  min-width: 100%;
}
.fill-H-min {
  min-height: 100%;
}
.fill-W {
  width: 100%;
}
.fill-H {
  height: 100%;
}
.fill-min {
  min-width: 100%;
  min-height: 100%;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
$rSize: (
  0: 0,
  xs: 6rem,
  sm: 12rem,
  md: 18rem,
  lg: 24rem,
  xl: 30rem,
  xxl: 36rem,
  max: 9999rem,
);
:root {
  @each $key, $value in $rSize {
    --R-#{$key}: #{$value};
  }
}
@each $key, $value in $rSize {
  .R-#{$key} {
    border-radius: #{$value} !important;
  }
}
